<template>
  <div class="all">
  <!--中部个人信息-->
  <middle></middle>
  <!--底部常用出行人-->
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import Top from './Top.vue';
import Middle from './Middle.vue';
import Bottom from './Bottom.vue'
export default defineComponent({
    name:'Personinfo',
    components:{Top,Middle,Bottom}
     
})
</script>
<style lang='scss' scoped>
.peoplechoose{
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;

  box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
   background-color: white;
}
.el-divider{
  height: 0.5px;
}
.all
{
  padding-right: 250px;
}
</style>
